<template>
  <div class="song">
      <music-list
        :singer="singer"
      ></music-list>
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue'
import { SongProp } from '@/store/type'
import MusicList from '@/components/base/music-list/index.vue'
export interface SongProps {
  album: string;
  duration: number;
  id: number;
  mid: string;
  name: string;
  pic: string;
  singer: string;
  url: string;
}
export default defineComponent({
  props: {
    singer: {
      type: Object as PropType<SongProp>,
      default: () => null
    }
  },
  components: {
    MusicList
  }
})
</script>

<style lang="scss">
.song {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: #222;
}
</style>
